<style>
.map {
  height: 100%;
  overflow: hidden;
}
</style>

<div class="map" id="map"></div>

<script>
  const map = L.map('map', {
    center: [22.52, 113.94],
    zoom: 4,
    maxZoom: 18,
    minZoom: 3,
    fullscreenControl: true,
    zoomControl: true,
    scaleControl: true,
    scalePosition: 'bottomright'
  })
  const gdLayer = L.tileLayer('http://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}', {
    subdomains: '1234'
  })
  gdLayer.addTo(map)
</script>